<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/news.css">

    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/footer.js"></script>
    <title>校园资讯详情</title>
</head>

<body>
    <!-- header模块 -->
    <div class="header">
        <div class="w">
            <div class="logo fl">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <!-- 登录注册按钮 -->
            <div class="fr">
                <a href="javascript:;" class="login">登录/注册</a>
            </div>
            <ul class="fr">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="study.html">学习中心</a>
                </li>
                <li class="active">
                    <a href="news.html">校园资讯</a>
                </li>
                <li>
                    <a href="personal-course.html">个人中心</a>
                </li>
                <li>
                    <a href="message.html">留言</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- banner模块 -->
    <div class="news-detail-banner"></div>
    <!-- 路径导航 -->
    <div class="news-nav" style="background-color:#fff;">
        <div class="w">
            <span class="glyphicon glyphicon-home fl" style="padding:17px;"></span>
            <ol class="breadcrumb fl" style="background-color:#fff;">
                <li><a href="index.html">网站首页</a></li>
                <li><a href="news.html">校园资讯</a></li>
                <li class="active">资讯详情</li>
            </ol>
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="news-detail-main">
        <div class="w">
            <div class="fl detail-left">
                <!-- 题目 -->
                <div class="main-title">
                    <h1>【防控疫情】学校启动系列学英雄志愿服务活动</h1>
                    <div style="margin: 20px 0;">
                        <span class="glyphicon glyphicon-calendar"></span>
                        <i>2021-11-23</i>
                        <span class="glyphicon glyphicon-user"></span>
                        <i>admin</i>
                        <span class="glyphicon glyphicon-eye-open"></span>
                        <i>179</i>
                    </div>
                </div>
                <!-- 小轮播图 -->
                <div id="myCarousel" class="carousel slide pic">
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="images/news-detail2.png" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="images/new-banner1.png" alt="First slide">
                        </div>
                        <div class="item">
                            <img src="images/new-banner3.png" alt="Third slide">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    </a>
                </div>
                <!-- 文章内容 -->
                <div class="detail-text">
                    <p>为大力弘扬奉献、友爱、互助、进步的志愿者精神，3月4日，校团委开展以“践行英雄精神，战‘疫’志愿在行动”为主题的学英雄志愿服务活动正式启动。</p>
                    <p>按照活动安排，3月份集中以线上开展活动，全年常态化开展学英雄志愿服务活动。一是举办“英雄精神大家谈”线上线下活动、开展“寻找身边的英雄随手拍”活动、学英雄志愿者“结对帮扶”活动等，全面学习英雄事迹，深化对英雄精神的理解、对志愿服务理念的认同，充分调动广大青年主动参与志愿服务的积极性、主动性和创造性。二是践行“清朗网络青年力量”网络文明志愿活动。通过单位网站、微博、微信、论坛等网络平台，组织网络文明志愿者开展形式多样、丰富多彩的网络文化活动，大力加强网络正面宣传，打击网络谣言，清朗网络空间，为学校发展和学生成长提供良好的网络环境。三是开展学英雄志愿服务实践活动。疫情期间，通过线上进行志愿活动，围绕疫情防控，开展疫情防控知识宣传普及工作，向群众做好政策措施解读。疫情结束后，围绕关爱社会,开展文明礼仪、文明交通、公共场所文明引导劝导、创建全国文明城市和文明知识宣传教育等活动。围绕关爱自然,结合植树节等节日,开展环保宣传、义务植树、保护山川河流、环境整治、乡村振兴、美丽中国行等主题活动。</p>
                </div>
                <div class="share">
                    分享至：
                    <span style="margin-left:0;"><img src="images/share-qq.png" alt=""></span>
                    <span><img src="images/share-wx.png" alt=""></span>
                    <span><img src="images/share-wb.png" alt=""></span>
                </div>
                <div class="pre">
                    上一篇：
                    <a href="javascript:;">“停课不停教，停课不停学”：学校在线教学全面开启</a>
                </div>
                <div class="next">
                    下一篇：
                    <a href="news-detail.html">学校启动系列学英雄志愿服务活动</a>
                </div>
            </div>
            <div class="fr detail-right">
                <h1>相关文章</h1>
                <ul>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="news-detail.html">
                                    <img class="media-object" src="images/new-banner2.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="news-detail.html">学校启动系列学英雄志愿服务活动</a></h4>
                                <i>2021-11-29</i>
                                <i>12:59</i>
                                <i>阅读 304</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/new-banner1.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="javascript:;">“停课不停教，停课不停学”：学校在线教...</a></h4>
                                <i>2021-11-29</i>
                                <i>12:59</i>
                                <i>阅读 304</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/new-banner3.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="javascript:;">新冠肺炎家庭聚集性疫情预防指南</a></h4>
                                <i>2021-11-29</i>
                                <i>12:59</i>
                                <i>阅读 304</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/new-banner1.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="javascript:;">不同人群预防新型冠状病毒感染口罩选择...</a></h4>
                                <i>2021-11-29</i>
                                <i>12:59</i>
                                <i>阅读 304</i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="media">
                            <div class="media-left">
                                <a href="javascript:;">
                                    <img class="media-object" src="images/new-banner2.png" alt="">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    <a href="javascript:;">我校举行第二届足球赛闭幕式</a></h4>
                                <i>2021-11-29</i>
                                <i>12:59</i>
                                <i>阅读 304</i>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- footer模块 -->
    <div class="footer">
        <div class="w">
            <div class="top">
                <div class="fl">
                    <div class="logo">
                        <a href="index.html"><img src="images/logo.png" alt=""></a>
                    </div>
                    <h5>用户在高强度、压抑的学习中，可以分享学习成果，记录心情!</h5>
                </div>
                <div class="fl">
                    <ul>
                        <li>
                            <h3>关于我们</h3>
                            <a href="javascript:;">集团概况</a>
                            <a href="javascript:;">集团部门</a>
                            <a href="javascript:;">发展历史</a>
                            <a href="javascript:;">法律条款</a>
                        </li>
                        <li>
                            <h3>联系我们</h3>
                            <a href="javascript:;">常见问题</a>
                            <a href="javascript:;">意见反馈</a>
                            <a href="javascript:;">资讯投稿</a>
                            <a href="javascript:;">加入我们</a>
                        </li>
                        <li>
                            <h3>关注我们</h3>
                            <div class="wechat">
                                <img src="images/wechat.png" alt="" id="wechat">
                            </div>
                            <div class="weibo">
                                <img src="images/weibo.png" alt="" id="weibo">
                            </div>
                        </li>
                        <li style="margin-right:0;">
                            <h3>友情链接</h3>
                            <a href="javascript:;">Study课堂</a>
                            <a href="javascript:;">Study集团</a>
                            <a href="javascript:;">Study</a>
                        </li>
                    </ul>
                </div>
                <div class="code" id="code">
                    <img src="images/code.png" alt="">
                </div>
                <span class="angle" id="angle"></span>
            </div>
            <div class="bottom">
                <div>
                    广西来宾市兴宾区铁北大道966号 邮编:123456 Email:abcdefg@xxx.edu.cn <br>
                </div>
                <div>
                    <a href="javascript:;"> 桂ICP备123456789号 </a> 版权所有 © 广西科技师范学院
                </div>

                <div style="margin-bottom:0;">
                    桂公网安备 1234567890号
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function() {
            // 轮播图滚动
            $('.carousel').carousel({
                intervar: 1000
            });
        })
    </script>
</body>

</html>